<template>
  <div class="newList">
    <div class="newList-title">
      <span class="newList-title-p1 reset">Relevant News</span>
    </div>
    <ul class="news-box" v-if="lists.length>0">
      <li class="news-item" v-for="(i,index) in lists" :key="index">
        <newsItem :i="i"></newsItem>
      </li>
    </ul>
    <nullDom v-else></nullDom>
  </div>
</template>

<script type="text/ecmascript-6">
import dings from "../../assets/img/icon-ding.png";
import newsItem from "./newstLi";
import nullDom from '../nulllist/nullList'
export default {
  props: ["list"],

  data() {
    return {
      dings
    };
  },
  computed: {
    lists() {
      return this.list;
    }
  },
  components: {
    newsItem,
    nullDom
  }
};
</script>

<style scoped lang="less">
@import url('./news.less');
</style>
